/**
 *
 *create by gaofei
 */
@import "../../../assets/css/Master/index";

  .rewardPopup {
    position: fixed;
    margin-left: -1rem;
    bottom: -40rem;
    width: 100%;
    animation: transy .25s cubic-bezier(0,0,0.25,1) .25s forwards;
    -webkit-animation: transy .25s cubic-bezier(0,0,0.25,1) .25s forwards;
    z-index: 100;
    background-color: #fff;
    .content {
      .close {
        text-align: right;
        color: @MasterC;
        padding-right: 1rem;
        padding-top: 1rem;
        padding-bottom: .3rem;
        i{
          font-size: @fontSize12;
        }
      }
      .title {
        text-align: left;
        padding-left: 2rem;
        font-size: 2.1rem;
        color: @Master3;
      }
      .reward-options{
        padding: 0 2rem;
        overflow: scroll;
        .reward-item{
          height: 8rem;
          display: flex;
          flex-direction: row;
          .reward-item-left{
            width: 70%;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            flex-direction: column;
            .reward-item-left-top{
              display: flex;
              align-items: center;
              .reward-name{
                font-size: 1.5rem;
              }
              .reward-type-huiyuan{
                display: inline-block;
                font-size: .9rem;
                padding: .3rem .4rem;
                border-radius: .15rem;
                background-color: rgba(255,129,0,0.1);
                color: #ff8100;
                margin-left: .5rem;
              }
              .reward-type-gongdu{
                display: inline-block;
                font-size: .9rem;
                padding: .3rem .4rem;
                border-radius: .15rem;
                background-color: rgba(255,90,95,0.1);
                color: #ff5a5f;
                margin-left: .5rem;
              }
            }
            .reward-item-left-bottom{
              text-align: left;
              margin-top: .5rem;
              color: #909099;
              font-size: 1.2rem;
            }

          }
          .reward-item-right{
            width: 30%;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            .noApply{
              font-size: 1.2rem;
              color: #909099;
              display: flex;
              justify-content: center;
              align-items: center;
              i{
                font-size: @fontSize1;
                display: inline-block;
                transform: scale(0.8);
              }
            }
            .select-icon{
              width: 1.8rem;
            }
          }
        }
        .reward-item:not(:last-child){
          border-bottom: solid 1px #e5e5e5;
        }
        .reward-empty{
          height: 20rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          i{
            font-size: 6rem;
            margin-bottom: 1rem;
            color: #cccccc;
          }
          p{
            font-size: 1.5rem;
            color: #909099;

          }
        }
      }
      .Vipfooter {
        position: relative;
        p {
          height: 3rem;
          line-height: 3rem;
          margin-bottom: -1rem;
          font-size: @fontSize12;
          color: @Master9;
          i {
            font-size: 1rem;
            margin-right: .3rem;
          }
        }
      }
    }
  }
